import React from 'react';

// 步骤1
export async function getStaticPaths() {
    // 模拟调用外部 API 获取博文列表
    const posts = [
        { id: 1 },
        { id: 2 },
        { id: 3 }
    ];

    // 根据博文列表生成所有需要预渲染的路径
    const paths = posts.map((post) => ({
        params: { id: post.id.toString() }
    }));

    // 返回需要预渲染的路径和fallback配置
    return { paths, fallback: false };
}

// 步骤2
export async function getStaticProps({ params }) {
    // 使用params中的id获取特定博文数据，这里只是模拟数据
    const postData = { id: params.id, title: 'Post Title', content: 'Post Content' };

    return {
        props: {
            postData
        }
    };
}

// 渲染页面
function Post({ postData }) {
    return (
        <div>
            <h1>{postData.title}</h1>
            <h1>{postData.id}</h1>
            <p>{postData.content}</p>
        </div>
    );
}

export default Post;
